import { mapGetters, mapMutations } from 'vuex'
import BasicModal from '@components/widgets/BasicModal.vue'
export default {
  components: {
    BasicModal
  },
  data () {
    return {
      openModal: false
    }
  },
  computed: {
    ...mapGetters({ 
      modal: 'getModal'
    })
  },
  methods: {
    ...mapMutations([
      'SET_MODAL'
    ]),
    toOpenImgModal (name, picpath) {
      this.$refs[name].picPath = picpath;
      this.$refs[name].active();
    },
    /**
     * 如果要 打开多层Modal， 则再上面的modal 的static属性必须为 true
     * @param {String} name  当前modal的 ref 属性值 (必填)
     * @param {Number} isCache  如果是打开多层modal，则必填
     *                        1： 最底层的modal
     *                        2： 非底层的modal
     */
    toOpenModal (name, isCache) {
      this.$refs[name].active();      
    },
    /**
     * 关闭模dal
     * @param {String} name 
     * @param {Number} isCache 如果当前是关闭多层modal的任意一层，则必填 
     *                         1: 关闭底层的modal --（常用于最底层modal的 关闭事件）
     *                         2: 关闭非底层的modal --（常用于非最底层的modal的 关闭事件） （会关闭当前传入的modal后再打开其下一层的modal）
     *                         3：关闭当前的modal，并将其ref值存入deactive // 页面上不需要用到
     */
    closed (name, isCache) {
      this.$refs[name].deactive();
    }
  }
}